/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-loading() {
  // 加载图标文本色
  --ti-loading-text-color: var(--ti-common-color-icon-active, #5e7ce0);
  // 加载背景色
  --ti-loading-mask-bg-color: var(--ti-common-bg-minor, #ffffff);
  // 加载文本字号
  --ti-loading-text-font-size: var(--ti-common-font-size-1, 14px);
  // 加载图标自定义加载图标顶部外边距
  --ti-loading-spinner-margin-top: calc(var(--ti-common-space-0, 0px) - 21px);
  // 加载图标文本垂直方向外边距
  --ti-loading-text-margin-vertical: calc(var(--ti-common-space-base, 4px) - 1px);
  // 加载图标文本水平方向外边距
  --ti-loading-text-margin-horizontal: var(--ti-common-space-0, 0px);
  // 全屏加载图标small尺寸时的宽度
  --ti-loading-fullscreen-small-width: var(--ti-common-size-4x, 16px);
  // 全屏加载图标medium尺寸时的宽度
  --ti-loading-fullscreen-medium-width: var(--ti-common-size-8x, 32px);
  // 全屏加载图标large尺寸时的宽度
  --ti-loading-fullscreen-large-width: var(--ti-common-size-10x, 40px);
  // 全屏加载图标small尺寸时的高度
  --ti-loading-fullscreen-small-height: var(--ti-common-size-4x, 16px);
  // 全屏加载图标medium尺寸时的高度
  --ti-loading-fullscreen-medium-height: var(--ti-common-size-8x, 32px);
  // 全屏加载图标large尺寸时的高度
  --ti-loading-fullscreen-large-height: var(--ti-common-size-10x, 40px);
  // 默认加载图标small尺寸时的高度
  --ti-loading-spinner-small-height: var(--ti-common-size-4x, 16px);
  // 默认加载图标medium尺寸时的高度
  --ti-loading-spinner-medium-height: var(--ti-common-size-8x, 32px);
  // 默认加载图标large尺寸时的高度
  --ti-loading-spinner-large-height: var(--ti-common-size-10x, 40px);
  // 默认加载图标small尺寸时的宽度
  --ti-loading-spinner-small-width: var(--ti-common-size-4x, 16px);
  // 默认加载图标medium尺寸时的宽度
  --ti-loading-spinner-medium-width: var(--ti-common-size-8x, 32px);
  // 默认加载图标large尺寸时的宽度
  --ti-loading-spinner-large-width: var(--ti-common-size-10x, 40px);
}
